<ul class="nav nav-tabs mb-4">
    <li class="nav-item">
        <a class="nav-link {% if 'summary' == active %}active {{ theme_tab_active }}{% else %}{{ theme_tab }}{% endif %}" href="{{ path('component_templates_read', {'name': template.name}) }}">{{ 'summary'|trans }}</a>
    </li>

    {% if is_granted('COMPONENT_TEMPLATE_UPDATE', template) %}
        <li class="nav-item">
            <a class="nav-link {% if 'update' == active %}active {{ theme_tab_active }}{% else %}{{ theme_tab }}{% endif %}" href="{{ path('component_templates_update', {'name': template.name}) }}">{{ 'update'|trans }}</a>
        </li>
    {% endif %}

    <li class="nav-item">
        <a class="nav-link {% if 'settings' == active %}active {{ theme_tab_active }}{% else %}{{ theme_tab }}{% endif %}" href="{{ path('component_templates_read_settings', {'name': template.name}) }}">{{ 'settings'|trans }}</a>
    </li>

    <li class="nav-item">
        <a class="nav-link {% if 'mappings' == active %}active {{ theme_tab_active }}{% else %}{{ theme_tab }}{% endif %}" href="{{ path('component_templates_read_mappings', {'name': template.name}) }}">{{ 'mappings'|trans }}</a>
    </li>
</ul>
